<div class="policy-detail">
  <app-head></app-head>



  <nz-spin [nzSpinning]="isSpinning">
    <div class="content">

      <div class="content-left">

          <div class="detail-title">
            <h2>{{relatedJudge ? relatedPolicy.title : newPolicyDetail.title}}</h2>
            <div class="title-bottom">
              <div class="organ-title" *ngIf="numberJudge">
                发布字号：{{relatedJudge ? relatedPolicy.number : newPolicyDetail.number}}</div>
              <div class="organ-title">
                发布机构：{{relatedJudge ? relatedPolicy.publishOrgan : newPolicyDetail.publishOrgan}}</div>
              <div class="date-title">
                发布日期：{{relatedJudge ? relatedPolicy.updateDate : newPolicyDetail.createDate}}</div>
            </div>
          </div>

          <div class="article" [innerHTML]='relatedPolicyDetail?relatedPolicyDetail:newPolicyDetail.content'></div>

      </div>

      <div class="content-right">
        <div class="keyword">
          <div class="keyword-top">
            <span class="keyword-title">热点关键词</span>
          </div>

          <div class="keyword-list">
            <ng-container *ngIf="isExpand">
              <div class="keyword-item" (click)="heightLight(relatedPolicyKeyword.length ? keyword : keyword.keyword)"
                   *ngFor="let keyword of relatedPolicyKeyword.length?relatedPolicyKeyword:newPolicyDetail.newPolicyKeywordList">
                {{relatedPolicyKeyword.length ? keyword : keyword.keyword}}
              </div>
            </ng-container>
            <ng-container *ngIf="!isExpand">
              <div class="keyword-item" (click)="heightLight(relatedPolicyKeyword.length ? keyword : keyword.keyword)"
                   *ngFor="let keyword of keywordSimple">
                {{keyword.keyword ? keyword.keyword : keyword}}
              </div>
            </ng-container>
            <span class="expand-list" (click)="expandList()" *ngIf="isExpand!==null">
              {{expandText}}
              <i nz-icon nzType="down" nzTheme="outline" *ngIf="!isExpand"></i>
              <i nz-icon nzType="up" nzTheme="outline" *ngIf="isExpand"></i>
            </span>
          </div>
        </div>
        <div class="related-policy" *ngIf="relatedPolicyList.length">
          <div class="related-title">
            <span class="title-left">相关政策</span>
            <span class="title-right" routerLink="/related-policy-list"
                  [queryParams]="{policyId: relatedPolicyId}">更多>></span>
          </div>
          <div class="content-list" *ngFor="let policy of relatedPolicyList; let i = index" routerLink="/new-policy-detail"
               [queryParams]="{id: policy.id,type:'相关政策'}"  [title]="policy.title">
            <span class="circle"></span>
            <!--<span>{{i+1<10?'0'+(i+1):i+1}}</span>-->
            {{policy.title}}
          </div>
        </div>
      </div>
    </div>
  </nz-spin>
  <div class="h-foot">
    <div class="text">
      <div class="address">上海推进科技创新中心建设办公室 版权所有</div>
      <div class="address2">地址：上海市浦东新区张东路1158号3号楼 &nbsp;&nbsp;&nbsp;&nbsp; 联系电话 : 021-68796635</div>
      <div class="phone">技术支持 : 中国科学院文献情报中心</div>
      <a class="nav" href="/admin/" target="_blank">后台入口</a>
    </div>
  </div>
</div>
